/* ============================================================
   25-responsive.css
   Thematisch aufgeteilt aus default.css + SiTTsBlazor.css
   ============================================================ */

/* ---- aus default.css ---- */

/* Mobile Ansicht */
@media only screen and (max-width: 1700px) {
    .pager-content div {
        margin-left: 5px;
        margin-right: 5px;
    }

    .card-desc-content .card-details-block-bottom {
    }

    .divTableCell {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    table .divTableCell {
    }
}

/* Optionale Anpassungen für kleinere Bildschirme */
@media only screen and (max-width: 1200px) {
    .flex-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 58em) {
    .tabs-style-linebox nav ul {
        display: block;
        box-shadow: none;
    }

        .tabs-style-linebox nav ul li {
            display: block;
            flex: none;
        }
}

@media print {
    .sidebar,
    .action-bar,
    .Action-Drop-Benutzer,
    .favs-panel,
    .apps-panel,
    .spinner,
    .overview-list,
    .filter-option,
    .action-window,
    .card-btn,
    .level-meter,
    .popup {
        display: none !important;
    }

    .main-content {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        height: unset !important;
    }

    .ticket-flex {
        height: unset !important;
    }

    .card-100,
    .card-75,
    .card-25 {
        width: 100% !important;
        position: relative !important;
        top: unset !important;
        left: unset !important;
        height: unset !important;
        margin: unset !important;
        page-break-inside: auto !important;
    }

    span[aria-label]::after {
        content: attr(aria-label);
        font-size: 16px;
    }
}
@media(hover: hover) and (pointer: fine) {
    .filter-page-v2 .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
        border-color: var(--mud-palette-lines-inputs);
    }
}

/* Ticket-Blockliste: auf schmalen Viewports rechte Spalte unter die Mitte stapeln */
@media only screen and (max-width: 768px) {
    .ticket-block {
        flex-wrap: wrap;
        row-gap: 8px;
    }

        .ticket-block__logo {
            width: 56px;
        }

        .ticket-block__aside {
            flex-basis: 100%;
            max-width: 100%;
            align-items: flex-start;
            text-align: left;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 8px 12px;
        }

        .ticket-block__meta {
            flex-wrap: wrap;
            row-gap: 4px;
        }
}